@import "chrome://global/skin/";
#viewGroup radio{
-moz-appearance:none;
height:64px;
min-width:91px;
width:88px;
background:url("chrome://mozapps/skin/extensions/radio-bg.png") no-repeat #cadef7;
border-top:2px solid;
border-bottom:2px solid;
-moz-border-top-colors:#d5e2f3 #c0ccdb;
-moz-border-bottom-colors:#cdddf1 #bac8da;
list-style-image:url("chrome://browser/skin/pageInfo.png");
-moz-box-orient:vertical;
margin:0;
padding:5px 3px 1px}

#viewGroup radio:first-of-type{
border-left:2px solid;
-moz-border-left-colors:#d5e2f3 #c0ccdb;
-moz-border-radius:6px 0 0 6px;
background:url("chrome://mozapps/skin/extensions/first-radio-bg.png") no-repeat}

#viewGroup radio:last-of-type{
border-right:2px solid;
-moz-border-right-colors:#d5e2f3 #c0ccdb;
-moz-border-radius:0 6px 6px 0}

#viewGroup radio[selected="true"]{
background-color:#7fc2e5}

#viewGroup radio:not([selected="true"]):hover{
background-color:#a7d9f5}

#viewGroup radio:not([selected="true"]):hover:active{
background-color:#7fc2e5}

#topStackBar,#topBar{
padding:10px;
-moz-box-pack:center}

.viewSelector{
-moz-box-pack:center;
margin:0}

#generalTab{
-moz-image-region:rect(0,32px,32px,0)}

#generalTab:hover,#generalTab[selected="true"]{
-moz-image-region:rect(32px,32px,64px,0)}

#mediaTab{
-moz-image-region:rect(0,64px,32px,32px)}

#mediaTab:hover,#mediaTab[selected="true"]{
-moz-image-region:rect(32px,64px,64px,32px)}

#feedTab{
-moz-image-region:rect(0,96px,32px,64px)}

#feedTab:hover,
#feedTab[selected="true"]{
-moz-image-region:rect(32px,96px,64px,64px)}

#permTab{
-moz-image-region:rect(0,128px,32px,96px)}

#permTab:hover,
#permTab[selected="true"]{
-moz-image-region:rect(32px,128px,64px,96px)}

#securityTab{
-moz-image-region:rect(0,160px,32px,128px)}

#securityTab:hover,
#securityTab[selected="true"]{
-moz-image-region:rect(32px,160px,64px,128px)}

deck{
border:2px solid;
-moz-border-top-colors:#d5e2f3 #c0ccdb!important;
-moz-border-right-colors:#d5e2f3 #c0ccdb;
-moz-border-bottom-colors:#d5e2f3 #c0ccdb;
-moz-border-left-colors:#d5e2f3 #c0ccdb;
-moz-border-radius:6px;
background-color:#d9e4f7;
margin:0 10px 10px;
padding:10px}

grid{
border:2px solid;
-moz-border-top-colors:#bbbfc5 #f7fafd!important;
-moz-border-right-colors:#bbbfc5 #f7fafd;
-moz-border-bottom-colors:#bbbfc5 #f7fafd;
-moz-border-left-colors:#bbbfc5 #f7fafd;
-moz-border-radius:3px;
background-color:#fbfcfd;
-moz-margin-start:5px;
-moz-margin-end:5px;
padding:3px}

tree{
margin:.5em}

.gridSeparator{
width:.5em}

textbox{
margin-top:1px;
-moz-appearance:none;
padding:2px 3px 3px}

textbox.header{
-moz-margin-start:5px;
color:#000!important;
margin-bottom:5px;
font-size:1.1em}

.iframe{
-moz-border-top-colors:#bbbfc5 #f7fafd;
-moz-border-right-colors:#bbbfc5 #f7fafd;
-moz-border-bottom-colors:#bbbfc5 #f7fafd;
-moz-border-left-colors:#bbbfc5 #f7fafd;
-moz-border-radius:3px;
background-color:#fbfcfd;
overflow:auto;
margin:.5em}

.fixedsize{
height:8.5em}

textbox[disabled]{
font-style:italic}

groupbox.collapsable caption .caption-icon{
width:9px;
height:9px;
background-repeat:no-repeat;
background-position:center;
-moz-margin-start:2px;
-moz-margin-end:2px;
background-image:url("chrome://global/skin/tree/twisty-open.png")}

groupbox.collapsable[closed="true"]{
border:none;
margin-bottom:9px;
-moz-appearance:none}

groupbox.collapsable[closed="true"] caption .caption-icon{
background-image:url("chrome://global/skin/tree/twisty-clsd.png")}

groupbox tree{
background:transparent;
margin:0 5px}

#securityBox description{
-moz-margin-start:10px}

#general-security-identity{
white-space:pre-wrap;
line-height:2em}

#metaTags{
padding-right:0;
padding-left:0}

#imagetree{
min-height:10em}

#mediaGrid{
min-height:9em}

#mediaLabelColumn{
min-width:10em}

#mediaSplitter{
background:transparent;
border-top:none;
border-bottom:1px solid #bbbfc5;
margin-bottom:10px;
-moz-margin-start:10px;
-moz-margin-end:10px}

#thepreviewimage{
margin:1em}

treechildren::-moz-tree-cell-text(broken){
font-style:italic;
color:graytext}

#feedtree{
margin-bottom:0}

#feedListbox richlistitem{
padding-top:6px;
padding-bottom:6px;
-moz-padding-start:7px;
-moz-padding-end:7px;
min-height:25px}


#feedListbox{
-moz-border-top-colors:#bbbfc5 #f7fafd!important;
-moz-border-right-colors:#bbbfc5 #f7fafd;
-moz-border-bottom-colors:#bbbfc5 #f7fafd;
-moz-border-left-colors:#bbbfc5 #f7fafd;
-moz-border-radius:3px;
background-color:#fbfcfd}

.feedTitle{
font-weight:700}

#permList{
margin-top:.5em;
overflow:auto}

#permList > vbox{
padding-top:4px;
padding-bottom:0;
-moz-padding-start:7px;
-moz-padding-end:7px;
min-height:25px;
border:1px solid transparent;
margin:0}

#permList > vbox > label{
font-weight:700}

#securityPanel .caption-icon{
display:none}

#securityPanel .header{
font-size:120%}

#securityPanel .fieldLabel{
margin:2px 10px 3px}

#securityPanel .fieldValue{
font-weight:700;
margin:2px 10px 0}